.tab-item {
  font-size: 14px;
  font-weight:bold;
  min-width: 116px;
  display:inline-block;
  word-wrap: break-word;
  overflow: hidden;
  position: relative;
  height: 42px;
  line-height: 42px;
  padding: 0px 18px;
  text-align:center;
  white-space: nowrap;
    cursor: pointer;
    color: $text-secondary-color;
  &:hover{
    color: $primary-color;
  }
  &.active {
     &:after {
      content: '';
      position: absolute;
      z-index: 11;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 2px;
      background-color: $primary-color;
   }
      color: $primary-color;
  }
  &--disabled{
      cursor: not-allowed;
      color: #c4c4c4;
      &:hover{
        color: #c4c4c4;
      }
  }
}

.br-tabs {
  position: relative;
  // display:inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; /*超出部分用...代替*/
  &::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: $content-border-color;
  }
    &__head {
      height: 42px;
      li {
        position: relative;
        display:inline-block;
        &:not(:last-child):after {
          display: inline;
          content: "|";
          font-size: 14px;
          color: $content-border-color;
          position: absolute;
          bottom: 18px;
        }
      }
  }
  &__panel {
    padding: $space-of-segments;
  }
}

.tabs-example {
    &:after {
      content: '';
      position: absolute;
      top: 64px;
      left: 0;
      width: 100%;
      height: 2px;
      background-color: $content-border-color;
    }
}
